html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:none;font-size:100%;font:inherit;vertical-align:baseline}
*:focus{outline:none}
section,nav,article,aside,hgroup,header,footer{display:block}
time,mark{display:inline}
strong,b,th{font-weight:bold}
em,i,dfn,caption{font-style:italic}
body{font:normal normal .875em/1.375 Palatino,"Palatino Linotype","Palatino LT STD","Book Antiqua",Georgia,"URW Bookman L",Serif;color:#555;background-color:white;text-align:center}
#outer-wrapper{text-align:left}
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;background-color:white;z-index:9999;color:transparent;text-indent:-999px;font:normal 0/0 Serif}
.js-disabled #page-loader{display:none}

h1,h2,h3,h4,h5,h6{font-family:Georgia,"URW Bookman L",Serif;line-height:normal;color:#777;margin:1.7em 0 .7em}
h1{font-size:315%}
h2{font-size:270%}
h3{font-size:200%}
h4{font-size:180%}
h5{font-size:150%}
h6{font-size:120%}

a{color:#ba954f;text-decoration:none}
a:hover{color:#dabc83}
a img{border:0}
abbr,acronym{border-bottom:1px dotted}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}

table{border-collapse:collapse;border-spacing:0}
table caption{text-align:left}
table[border="1"] td,table[border="1"] th{border:1px solid;padding:.5em 1em;vertical-align:top}

input,button,select,textarea{background-color:white;font:inherit}

.clear{clear:both}
.left{float:left}
.right{float:right}
.hidden{display:none}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0px 0px 0px 0px);clip:rect(0px,0px,0px,0px);height:1px;width:1px;margin:-1px 0 0;padding:0;border:0}
.moderate-visually-hidden{position:absolute;top:-9999px;left:-9999px}

img.left,.separator.left{margin:.4em 1.5em 1em 0}
img.right,.separator.right{margin:.4em 0 1em 1.5em}
img.center,.separator.center,.separator.center img{margin:0 auto;text-align:center;display:block}
img.center,.separator.center img{margin-bottom:1.5em}

#main-nav{background-color:#3e5878;color:#fff;position:absolute;top:0;right:0;left:0;font-size:10px;text-shadow: 2px 2px 2px #111;}
#main-nav ul{margin:0;padding:0;list-style:none;height:30px}
#main-nav li{margin:0;padding:0;float:left;display:inline;text-transform:uppercase;position:relative}
#main-nav a{display:block;padding:0 12px;line-height:30px;height:30px;overflow:hidden;color:inherit}
#main-nav a:hover,#main-nav li:hover > a{background-color:#354c67;color:white}
#main-nav li ul{margin:0;clear:both;width:170px;height:auto;position:absolute;top:100%;left:0;background-color:#2c3f56;z-index:999;box-shadow:0 1px 2px rgba(0,0,0,.7);display:none}
#main-nav li li{display:block;float:none}
#main-nav input{position:absolute;top:0;right:0;left:0;width:100%;height:30px;cursor:pointer;opacity:0;display:none}
#main-nav li:hover ul.hidden,#main-nav input:checked+ul{display:block}

.date-header{position:absolute;top:0;right:15px;font:inherit;font-size:10px;line-height:30px;color:#999;text-transform:uppercase;margin:0}
.post{width:90%;padding:0 0 5%;margin:10% auto 0}
.post:not([data-author]){display:none}
.post-title{display:block;text-align:center}
.post-body p,table,pre,dl{margin:0 0 1.5em}
.post-body p.no-margin{margin:0}
.post-body div+p,.post-body .separator+p,.post-body .center+p,.post-body form+p,.post-body pre+p,.post-body blockquote+p{margin-top:1.5em}
.post ol,.post ul,.post dl{margin:0 0 1.5em 3em}
blockquote{border-left:4px solid #ccc;padding:.7em 1.4em;margin:1.7em 2%}
blockquote p:only-child,blockquote p:last-child{margin:0}
pre{overflow:auto;white-space:pre;word-wrap:normal}
pre,code{font-family:"Courier New",Courier,"Nimbus Mono L",Monospace}
.post-footer{font-size:96%;margin:5% 0 0}
.post-footer abbr{border:none}
#blog-pager {text-align:center;overflow:hidden;margin:0px}
#threaded-comment-form{margin:1.7em 0 0;max-width:500px;background:transparent url("") no-repeat 50% 40%}
#comment-editor{display:block;width:100%;height:300px;margin:1.5em 0 0;border:none}
.comments{clear:both;background-color:black;margin:0;padding:3% 5%;color:#666;font-size:88%}
.comments a{color:#999}
.comments h4{font-size:140%;text-transform:uppercase}
.comments .comments-content{margin:0 0 1em}
.comments .comment-actions a{padding:5px 5px 0 0}
.comments .comment-thread ol{list-style-type:none;padding:0;text-align:left}
.comments .inline-thread{padding:.5em 1em}
.comments .comment-thread{margin:2px 0 0}
.comments .comment-thread:empty{display:none}
.comments .comment-replies{margin:1.3em 0 0 70px;background-color:#222;border:1px solid #333}
.comments .comment{margin:0 0 16px;padding:0 0}
.comments .comment:first-child,.comments .comment-replies .comment:first-child,.comments .comment-replies .comment:only-child{padding:1em 0 0}
.comments .comment:last-child{border-bottom:none;padding:0}
.comments .comment-body{position:relative}
.comments .user{font-weight:bold}
.comments .icon.blog-author{width:18px;height:18px;display:inline-block;margin:0 0 -4px 6px;background:transparent url("") no-repeat 0 0}
.comments .datetime{margin:0 0 0 .5em}
.comments .comment-header,.comments .comment-content{margin:0 0 8px}
.comments .comment-content{text-align:justify}
.comments .owner-actions{position:absolute;right:0;top:0}
.comments .comments-replybox{border:none;height:250px;width:100%}
.comments .comment-replybox-single{margin:5px 0 0 48px}
.comments .comment-replybox-thread{margin:5px 0 0}
.comments .thread-toggle{cursor:pointer;display:inline-block}
.comments .continue{cursor:pointer}
.comments .continue a{display:block;font-weight:bold;padding:.5em}
.comments .loadmore{cursor:pointer;margin:3em 0 0;max-height:3em}
.comments .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}
.comments .loadmore a{display:block;padding:10px 16px;text-align:center}
.comments .thread-chrome.thread-collapsed{display:none}
.comments .thread-toggle{display:inline-block}
.comments .thread-toggle .thread-arrow{display:inline-block;width:7px;height:7px;margin:.3em .3em 0 0;overflow:visible;padding:0 4px 0 0}
.comments .thread-expanded .thread-arrow,#blog-pager .comment-btn.active{background:url("") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow,#blog-pager .comment-btn{background:url("") no-repeat scroll 0 0 transparent}
.comments .avatar-image-container{float:left;max-width:none;max-height:none;overflow:hidden;width:42px;height:42px;padding:4px;border:1px solid #222}
.comments .avatar-image-container img{border:none;max-width:none;max-height:none;width:42px;height:42px}
.comments .comment-replies .avatar-image-container{border-color:#333}
.comments .comment-block{margin:0 0 0 70px;position:relative}
.comments .emo{display:inline-block;vertical-align:middle}
.comments .cm-youtube{display:block;border:none!important;background-color:#333;width:370px;height:218px;margin:0 auto 2em}
.comments .cm-image{display:block;margin:0 auto 1.5em}
.comments i[rel="image"],.comments i[rel="youtube"]{display:block;overflow:hidden;border:2px solid black;position:relative;width:170px;height:100px;margin:0 auto 2em}
.comments i[rel="image"]:before,.comments i[rel="youtube"]:before{content:"Please enable your JavaScript to see this image!";position:absolute;top:0;right:0;bottom:0;left:0;background-color:red;color:white;font-weight:bold;text-align:center;padding:1.5em 0}
.comments i[rel="youtube"]:before{content:"Please enable your JavaScript to watch this video!"}
#blog-pager .comment-btn,#blog-pager .comment-btn.active{padding-left:12px;background-position:0 48%}

#widget-area{padding:3.5% 5%;background-color:#2c3f56;color:#666}
.widgets-wrap{overflow:hidden}
.foot{width:25%;margin:0;float:left;display:inline;font-size:86%}
.foot h2{font-size:140%;text-transform:uppercase;margin:0 0 20px 0}
.foot .widget{padding:20px 20px;border-left:1px solid #233244;border-right:1px solid #354c67;padding-bottom:9000px;margin-bottom:-9000px}
.foot .widget-content{margin:0 0 20px}
.widget-box-1 .widget{border-left:none}
.widget-box-4 .widget{border-right:none}
.foot ul,.foot ol{margin:0;padding:0;list-style:none}
.foot li{margin:0;padding:.45em .7em}
.foot ul,.foot ol{border-top:1px solid #415266}
.foot li{border-bottom:1px solid #415266}
.foot a{color:#999}
.foot a:hover{color:white}
#gotop{position:fixed!important;position:absolute;bottom:0;right:0;z-index:7777;text-decoration:none;padding:7px;cursor:pointer;background-color:#292929;color:#999;font-size:10px;line-height:normal;display:none}
#footer,#blog-pager{font-size:10px;color:#999;text-transform:uppercase;line-height:16px;background-color:#3e5878;padding:11px 18px;margin:0}
#footer a,#blog-pager a{color:inherit}
.PopularPosts .widget-content ul li {padding: 0.45em 0;}

#copyright-message{position:fixed!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:black;font:normal normal 50px/54px "Bebas Neue","BebasNeue","Bebas Neue Regular","BebasNeue Regular",Bebas,Impact,"Arial Narrow",Arial,Sans-Serif;text-transform:uppercase;color:#900;padding:120px 50px;text-align:center;word-wrap:break-word;white-space:pre-wrap;display:none}
#footer .right{margin:0 34px 0 0}
img,object,embed{max-width:98%}
img{height:auto!important}
#footer .right a:hover #copyright-message{display:block}

/* The 1140px Grid V2 by Andy Taylor, http://www.andytlr.com + Modifikasi */
.row{margin:0 auto;overflow:hidden}
.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol{margin-right:3.8%;float:left;min-height:1px}
.onecol{width:4.85%}
.twocol{width:13.45%}
.threecol{width:22.05%}
.fourcol{width:30.75%}
.fivecol{width:39.45%}
.sixcol{width:48%}
.sevencol{width:56.75%}
.eightcol{width:65.4%}
.ninecol{width:74.05%}
.tencol{width:82.7%}
.elevencol{width:91.35%}
.twelvecol{width:100%}
.last{margin-right:0}

@media (max-width:800px){
    .foot{width:50%}
    .foot .widget{margin:0;padding:20px 20px 0;border:none}
    #main-nav input{display:block}
}

@media (max-width:767px){
    body{-webkit-text-size-adjust:none}
    .row{width:100%;min-width:0;margin-left:0;margin-right:0}
    .row .onecol,.row .twocol,.row .threecol,.row .fourcol,.row .fivecol,.row .sixcol,.row .sevencol,.row .eightcol,.row .ninecol,.row .tencol,.row .elevencol,.row .twelvecol{width:auto;float:none;margin-left:0;margin-right:0;margin-bottom:1.5em}
    .foot{float:none;display:block;width:auto;border-top:1px solid #333;border-bottom:1px solid black;margin:0;padding:20px 0 0}
    .foot .widget{border:none;padding:0;margin:0}
    .foot ul,.foot ol,.foot li{padding:0;border:none;list-style-type:square;margin-left:1em}
    .widget-box-1{border-top:none}
    .widget-box-4{border-bottom:none}
    #footer .left,#footer .right{float:none;display:block;width:auto;margin:0;text-align:center}
}

@media (max-width:600px){
    body{font-size:.8125em;line-height:1.5em}
    .comments .comment-replies{margin-left:0}
}

@media (max-width:340px){
    .foot{padding:10px 0 0;border:none}
    .foot h2{font-size:120%}
    .foot li{margin-left:.7em}
}
